<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link media="all" rel="stylesheet" href="css/global.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/function.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/map.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/building.css" type="text/css" />
	<script data-main="js/main" src="js/require.js" type="text/javascript"></script>
</head>
<body>
	<div id="viewport">
		<div class="maplayer" style="width:1280px;height:664px;">
			<div class="mapcanvas">

				<div class="node-loading" style="display:none;">正在加载...</div>

				<div class="node" style="width:1280px;height:664px;left:0;top:0;">

					<div class="path path-n" style="height:480px;right:556px;">
						<h2>街道名称这</h2>
						<div class="sound-emitter">
							<a href="#" class="sound-bubble layer0" style="left:45px;top:0px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer1" style="left:22px;top:10px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer2" style="left:10px;top:40px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
						</div>
						<div class="row row0" style="bottom:108px;height:372px;">
							<div class="building gongzhujiao" >
									<div class="hd"><h6>工学部主教
										<a href="" class="reviewlist"></a>
									</h6></div>
							</div>
						</div>
						<div class="row row1" style="bottom:108px;height:0px;">
						</div>
						<div class="road-mark pathN"></div>
					</div>

					<div class="path path-s" style="height:184px;right:556px;">
						<h2>街道名称这</h2>
						<div class="sound-emitter">
							<a href="#" class="sound-bubble layer0" style="left:45px;bottom:0px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer1" style="left:22px;bottom:10px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer2" style="left:10px;bottom:40px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
						</div>
						<div class="row row0" style="top:0px;height:195px;">
						</div>
						<div class="row row1" style="top:0px;height:0px;">
						</div>
						<div class="road-mark pathS"></div>
					</div>

					<div class="path path-w" style="width:616px;bottom:184px;">
						<h2>街道名称这</h2>
						<div class="sound-emitter">
							<a href="#" class="sound-bubble layer0" style="left:45px;top:0px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer1" style="left:22px;top:10px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer2" style="left:10px;top:40px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
						</div>
						<div class="row row0" style="right:0;width:616px;">
							<div class="building qinglou">
									<div class="hd"><h6>信息学部主教
										<a href="" class="reviewlist"></a>
									</h6></div>
							</div>
							<div class="building jiaowu">
									<div class="hd"><h6>教五
										<a href="" class="reviewlist"></a>
									</h6></div>
							</div>
						</div>
						<div class="row row1" style="right:0;width:616px;">
							<div class="building jiaowubu">
									<div class="hd"><h6>教务部
										<a href="" class="reviewlist"></a>
									</h6></div>
							</div>
							<div class="building renwenguan">
									<div class="hd"><h6>人文馆
										<a href="" class="reviewlist"></a>
									</h6></div>
							</div>
						</div>
						<div class="road-mark pathW"></div>
					</div>

					<div class="path path-e" style="width:616px;bottom:184px;">
						<h2>街道名称这</h2>
						<div class="sound-emitter">
							<a href="#" class="sound-bubble layer0" style="right:45px;top:0px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer1" style="right:22px;top:10px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer2" style="right:10px;top:40px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
						</div>
						<div class="row row0" style="left:0px;width:616px;">
							<div class="building old_lib">
									<div class="hd"><h6>老图
										<a href="" class="reviewlist"></a>
									</h6></div>
							</div>
							<div class="building new_lib">
									<div class="hd"><h6>新图
										<a href="" class="reviewlist"></a>
									</h6></div>
							</div>
						</div>
						<div class="row row1" style="left:0px;width:616px;">
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
						</div>
						<div class="road-mark pathE"></div>
					</div>

					<div class="path path-cross" style="right:556px;bottom:184px;">
					</div>

					<div class="path path-ns" style="height:664px;right:556px;display:none;">
						<h2>街道名称这是超长的街道名称</h2>
						<div class="sound-river" style="height:384px">
							<a href="#" class="sound-bubble layer0" style="left:200px;bottom:100px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer1" style="left:152px;bottom:30px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer2" style="left:100px;bottom:50px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
						</div>
						<div class="row row0" style="bottom:0px;height:664px;">
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
						</div>
						<div class="row row1" style="bottom:0px;height:664px;">
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
						</div>
						<div class="road-mark pathN"></div>
						<div class="road-mark pathS"></div>
					</div>

					<div class="path path-we" style="width:1280px;bottom:184px;display:none;">
						<h2>街道名称这是超长的街道名称</h2>
						<div class="sound-river" style="width:1000px">
							<a href="#" class="sound-bubble layer0" style="left:200px;bottom:100px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer1" style="left:152px;bottom:30px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
							<a href="#" class="sound-bubble layer2" style="left:100px;bottom:50px;">
								<span class="sound">这是一条微博内容</span>
								<div class="arrow"></div>
							</a>
						</div>
						<div class="row row0" style="left:0px;width:1280px;">
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
						</div>
						<div class="row row1" style="left:0px;width:1280px;">
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
							<div class="building shop" style="background-color:black;">
									<div class="hd-roof-1"></div>
									<div class="hd-roof-2"></div>
									<div class="hd"><h6>商店</h6></div>
									<div class="bd"></div>
							</div>
						</div>
						<div class="road-mark pathW"></div>
						<div class="road-mark pathE"></div>
					</div>

				</div>
			</div>
		</div>
	</div>
	<div class="apploading"></div>

	<div class="function" style="z-index:3000">
			<a href="" class="news"></a>
			<a href="" class="homepage"></a>
			<a href="" class="friend"></a>
			<a href="" class="search"></a>
			<a href="" class="setting"></a>
			<a href="" class="out"></a>
	</div>

	<script id="test" type="text/template"></script>
</body>
</html>
